<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:37 GMT -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>H+ 后台主题UI框架 - 主页</title>

    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="custom/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="custom/css/zTreeStyle.css">
	<link rel="stylesheet" type="text/css" href="custom/css/rest.css">
</head>

<body class="fixed-sidebar full-height-layout gray-bg"
	style="overflow: auto" onscroll="true">
		<div style="float: left; padding-left: 20px; padding-top: 20px;">
			<span>请求地址：</span><input type="text" class="form-control"
				placeholder="地址" id="reqUrl"></br> <span>方式：</span><select
				id="reqMethod"><option value="GET" selected="true">GET</option>
				<option value="POST">POST</option></select></br> </br>
			<div id="paramDiv">
				<div>请求参数：</div>
				<textarea id="reqParam" style="width: 500px; height: 300px;"
					placeholder="编码前的参数"></textarea>
			</div>
			</br>
			<button id="clearLeft" class="btn btn-danger ml5" value="清空参数">清空参数</button>
		</div>
		<div style="float: left; padding-left: 50px; padding-top: 80px;">
			<button id="clearRight" class="btn btn-danger ml5" value="清空右侧">清空右侧</button>
			</br>
			</br>
			<button id="sub" class="btn btn-primary" value="提交">提交</button>
		</div>
		<div style="float: right; padding-left: 20px;">
			<span>返回结果：</span></br>
			<div>
				<textarea id="resp" style="width: 600px; height: 450px;"></textarea>
				<ul id="jsonContent" class="ztree"></ul>
			</div>
			<div class="tree-panel" style="display:none" id="tree-panel">
                <ul id="tree-panel-content" class="ztree"></ul>
            </div>
			
			<button id="decode" class="btn btn-success">base64解码</button>
			<button id="encode" class="btn btn-primary">base64编码</button>
			<button id="format" class="btn btn-default">格式化</buttion>
			<button id="removeWhite" class="btn btn-default">反格式化去转义</buttion>
			<button id="resultTree" class="btn btn-default">树形展示</buttion>
			<button data-toggle="modal" data-target="#myModal" class="btn btn-danger">
				<i class="fa fa-download"></i>保存
			</buttion>
		</div>


		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">×</button>
						<h4 class="modal-title" id="myModalLabel">保存请求信息到文件</h4>
						<span style="color: red"><i class="fa fa-info-circle"></i>Tips：默认文件名后缀为.txt</span>
					</div>
					<div class="modal-body">
						<span>文件名：<input type="text"
							style="width: 99%; height: 50px;" id="fileName"  
							class="form-control" required="" aria-required="true" aria-describedby="cname-error" aria-invalid="true"></span></br>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">
							关闭</button>
						<button type="button" id="saveAsFile" class="btn btn-primary">
							保存</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.6"></script>
		<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
		<script src="js/plugins/layer/layer.min.js"></script>
		<script src="js/hplus.min.js?v=4.1.0"></script>
		<script type="text/javascript" src="js/contabs.min.js"></script>
		<script src="js/plugins/pace/pace.min.js"></script>
		
		<script type="text/javascript" src="custom/js/base64.js"></script>
		<script type="text/javascript" src="custom/js/jquery.ztree.all-3.5.js"></script>
		<script type="text/javascript" src='custom/js/json2.js'></script>
		<script type="text/javascript" src='custom/js/rest.js'></script>
		<script type="text/javascript" src='custom/js/treeJson.js'></script>
		<script type="text/javascript" src='custom/js/c.js'></script>
		<script type="text/javascript" src='custom/js/System.js'></script>
</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:37 GMT -->
</html>
